<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        // 给小孩一个玩具  每次玩 都显示在页面上一个菱形  
        // 小孩不需要知道 玩具内部的构造 
        // 只管玩

        // 函数 就是这个玩具  就是个盒子  


        // 需要把零件放到盒子里 让盒子工作 
        // 把代码放到盒子里  让代码执行  


        // 定义阶段  执行阶段  


        // 声明式的函数 
        /* 
            function 函数名(){

            }

            // function 必须写  表示这个是个函数 
            // 函数名 遵循标识符的命名规则和规范 
            // () 必须写 
            // {} 就是那个盒子  必须写 
        
        
        */
        function wanju() {
            // 上等腰    4
            for (var i = 1; i <= 4; i++) {
                // 先打印空格
                for (var j = 1; j <= 5 - i; j++) {
                    document.write('&emsp;');
                }

                //再打印星星 
                for (var k = 1; k <= 2 * i - 1; k++) {
                    document.write('*' + ' ');
                }
                //再换行
                document.write('<br />');
            }
            // 下等腰    5
            for (var i = 1; i <= 5; i++) {
                for (var j = 1; j <= i - 1; j++) {
                    document.write('&emsp;');
                }

                for (var k = 1; k <= 11 - 2 * i; k++) {
                    document.write('*' + ' ');
                }
                document.write('<br />');
            }
        }

        // 上面我们实现了 把零件放到盒子里  也就是把代码放到盒子里 

        // 上面仅仅是 造好了一个玩具  没人用它就安安静静待在那里  

        // 如果用它它才发挥作用  

        // wanju();
        // wanju();
        // wanju();
        // wanju();
        // wanju();
        // wanju();
        // wanju();
        // wanju();
        // wanju();
        // wanju();

        // for(var i=1;i<=100;i++){
        //     wanju();
        // }


        // alert prompt()  typeof()  Number()  系统提供的工具 


        // for(var i=0;i<520;i++){
        //     story()
        // }

        // // 自己造工具  
        // function story(){
        //     document.write('我给你的备注是十二画,朋友是十二画,恋人十二画,爱人十二画,家人十二画,所以十二画叫难忘<br />');
        // }

        // story()
        // story()
        // story()
        // story()

        
        

        // 函数又叫 工具 又叫 方法   


        //赋值式的函数  
        
        // mystory() 报错    赋值式的函数 必须在函数声明以后调用 
        // var test = 100;
        var mystory = function(){ // 匿名函数
            document.write('我给你的备注是十二画,朋友是十二画,恋人十二画,爱人十二画,家人十二画,所以十二画叫难忘<br />');
        }


        mystory() // 小括号在这里代表执行




        // 总结  

        // 声明式的函数 调用的时候可以在  函数声明以前 调用 也可以以后调用 
        /// 赋值式的函数 只能函数声明以后才能调用   

        // 为什么 后边说到预解析之后 再说;


        // 练习 用赋值式的函数造一个工具  打印九九乘法口诀表  
        // 要求 九九乘法口诀表 要有边框  

        // document.write('<table>');
        // document.write('<tr>');
        // document.write('<td></td>');
        // document.write('</tr>')
        // document.write('</table>');
        

        

    </script>
</body>

</html>